<template>
  <div>
    <button @click="del">-</button>
    {{ CountStore.cout }}
    <button @click="add">+</button>
  </div>
</template>

<script setup>
import { useCountStore } from '@/store/cout.js'
const CountStore = useCountStore()
const del = () => {
  CountStore.decrement()
}
const add = () => {
  CountStore.increment()
}
</script>

<style lang="scss" scoped></style>
